<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>海尔首页</title>
    <!-- 原网址 -->
    <!-- http://www.shunguang.com/ -->
    <style>
       *{margin: 0; padding: 0;}
       a{text-decoration: none; color: black;}
    </style>
    <link rel="stylesheet"  href="css/index.css">
    <link rel="stylesheet" href="css/body.css">
    
</head>
<body>
    <div class="tou">
        <div class="tou1">
            <a href="#" class="qindao">青岛</a>
            <div class="hai">嗨，欢迎来到海尔智家官方商城 请</div>
            <a href="#" class="hai1">登录</a>
    <!-- 导航 -->
            <div class="daohang">
                <span>|</span>
                <a href="#">免费注册</a>
                <a href="#" style="margin-right:7px;">我的智能商城</a><span>|</span>
                <a href="#">海尔智家
                    <p class="p1"><img src="images/ehaierapp.png"></p></a>
                
                <span>|</span>
                <a href="#">互动商城</a><span>|</span>
                <a href="#">知识堂</a><span>|</span>
                <a href="#">帮助中心</a><span>|</span>
                <a href="#">企业购</a><span>|</span>
                <a href="#">海尔官网</a><span>|</span>
                <a href="#">好评海智</a><span>|</span>
                <a href="#">商户平台
                
                <p class="p2">招商入住</p></a>  <span>|</span>
                <a href="#" style="margin-left:7px;">海尔智家社区</a>
            </div>
        </div>
    </div>

<!-- body内容 -->
<div class="yi">
    <div class="yi1">
            <div class="yi2">
                <img src="images/logo.png" style="float: left;">
                <img src="images/n-slogan.png " style="float: left;">
            
                <div class="sousuo">
                    <form class="yi3">
                        <input type="text">
                    </form>
                    <a href="#" class="yi4">
                        
                        <img src="images/sou1.png">
                    </a>
                    <div class="yi5">
                        <a href="#" style="color:#2979ff;">1.5匹变频自清洗挂机</a>
                        <a href="#">冰箱</a>
                        <a href="#">海尔冰箱</a>
                        <a href="#">洗衣机</a>
                        <a href="#">热水器</a>
                        <a href="#">彩电</a>
                    </div>
                </div>

                <div class="yi6">
                    <a href="#">
                        <img src="images/giuwu1.jpg" alt="">
                        我的购物车
                    </a>
                    <div class="gouyuan">0</div>
                </div>
            </div>
    </div>
</div>

<div class="er">
    <div class="er1">
        <a href="#" class="er2">
            <p>商品分类</p>
            <img src="images/shangpin1.jpg">
        </a>

        <div class="er3">
            <a href="#">首页</a>
            <a href="#">抢先购</a>
            <img src="images/HOT.jpg" style="left:143px;">
            <a href="#">领卷中心</a>
            <img src="images/HOT.jpg" style="left:223px;">
            <a href="#">社区</a>
            <a href="#">线下体验管</a>
            <a href="#">海尔智家</a>
            <a href="#">有好货</a>
            <img src="images/HOT.jpg" style="left:528px;">
        </div>
    </div>
</div>

<div class="san">
    <div class="san1">
        <div class="san2">
            <div class="san3">
            <a href="#">冰箱<b>></b></a>
            <a href="#">空调<b>></b></a>
            <a href="#">洗衣机<b>></b></a>
            <a href="#">电视<b>></b></a>
            <a href="#">热水器<b>></b></a>
            <a href="#">厨房家电<b>></b></a>
            <a href="#">冷柜<b>></b></a>
            <a href="#">只能产品<b>></b></a>
            <a href="#">净水器<b>></b></a>
            <a href="#">生活小家电<b>></b></a>
            <a href="#">粗放小家电<b>></b></a>
            </div>

            <div class="sna4">
                <img src="images/c62f88a26a414ee99a94746fe6dfc645.jpg" >
            </div>
        </div>

        <div class="san5">
            <div class="san6">
                <a href="#">
                <img src="images/user_pic.png"></a>
                <p>Hi~ 你好</p>
                <div class="deng">
                    <a href="#">
                    登录
                    </a>
                </div>
                <div class="zhu">
                    <a href="#">
                    注册
                    </a>
                </div>
            </div>
            
        </div>
    </div>
</div>

<!-- si -->
<div class="si">
    <div class="si1">
        <div class="si2">
            <a href="#">
                <img src="images/33161ca4a21142fd9c41df272b8ac96a.jpg"
                width="300px" height="150px">
            </a>
        </div>

        <div class="si2">
            <a href="#">
                <img src="images/e2fa9759425f4f09b61275c9f59c5689.jpg"
                width="300px" height="150px">
            </a>
        </div>

        <div class="si2">
            <a href="#">
                <img src="images/63a938c6d5fc4e8d812b0f0efbacf83c.jpg"
                width="300px" height="150px">
            </a>
        </div>

        <div class="si2">
            <a href="#">
                <img src="images/fee7fc50afe64005823d402d53419e49.jpg"
                width="300px" height="150px">
            </a>
        </div>
    </div>
</div>



<!-- list -->
<div class="list">
    <div class="list1">
        <div class="list2-1">
            <div class="jin">
                
            </div>
            
            <div class="list3">
                <p>24小时现时到达</p>
                <p>全国1300个县支持24小时现时到达</p>
            </div>
        </div>

        <div class="list2-2">
            <div class="jin">
                
            </div>
            
            <div class="list3">
                <p>24小时现时到达</p>
                <p>全国1300个县支持24小时现时到达</p>
            </div>
        </div>

        <div class="list2-3">
            <div class="jin">
                
            </div>
            
            <div class="list3">
                <p>24小时现时到达</p>
                <p>全国1300个县支持24小时现时到达</p>
            </div>
        </div>

        <div class="list2-4">
            <div class="jin">
                
            </div>
            
            <div class="list3">
                <p>24小时现时到达</p>
                <p>全国1300个县支持24小时现时到达</p>
            </div>
        </div>
        <div class="zui">
            <div class="zui1">
                <div class="zui2">
                    <div class="zui3">
                        <a href="#" style="padding-left:24px;">购物指南</a>
                        <a href="#">支付方式</a>
                        <a href="#">支付方式</a>
                        <a href="#">支付方式</a>
                        <a href="#">支付方式</a>
                    </div>
                    <div class="zui4">
                        <div class="zui5">
                            <a href="#">注册登录</a>
                            <a href="#">密码星官</a>
                            <a href="#">品牌大全</a>
                            <a href="#">品牌大全</a>
                            <a href="#">品牌大全</a>
                        </div>
                        <div class="zui5">
                            <a href="#">注册登录</a>
                            <a href="#">密码星官</a>
                            <a href="#">品牌大全</a>
                            <a href="#">品牌大全</a>
                            <a href="#">品牌大全</a>
                        </div>
                        <div class="zui5">
                            <a href="#">注册登录</a>
                            <a href="#">密码星官</a>
                            <a href="#">品牌大全</a>
                            <a href="#">品牌大全</a>
                            <a href="#">品牌大全</a>
                        </div>
                        <div class="zui5">
                            <a href="#">注册登录</a>
                            <a href="#">密码星官</a>
                            <a href="#">品牌大全</a>
                            <a href="#">品牌大全</a>
                            <a href="#">品牌大全</a>
                        </div>
                        <div class="zui5">
                            <a href="#">注册登录</a>
                            <a href="#">密码星官</a>
                            <a href="#">品牌大全</a>
                            <a href="#">品牌大全</a>
                            <a href="#">品牌大全</a>
                        </div>
                    </div>
                </div>

                <div class="hou">
                    <img src="images/houerweima.jpg">
                </div>
            </div>
        </div>
    </div>
</div>
<div class="zuihou">
    <div class="zuihoul">
    <img src="images/zuihoul.jpg">
</div>
</div>


</body>
</html>